<template>
    <div class="listr_in_top tanxin">
        <div class="photo">
          <img
            src="https://p2.music.126.net/pcYHpMkdC69VVvWiynNklA==/109951166952713766.jpg"
            alt=""
            width="150"
            height="150"
          />
        </div>
        <div class="info">
          <p class="p1">飙升榜</p>
          <p>最近更新： （刚刚更新）</p>
          <div class="button">
            <button>播放</button>
            <button>添加</button>
            <button>转发</button>
            <button>下载</button>
            <button>评论</button>
          </div>
        </div>
      </div>
</template>

<script>
export default {
    data () {
        return {

 
        }
    }
}
</script>
 
<style lang = "less" scoped>
     .listr_in_top {
      height: 240px;
      /* background-color: powderblue; */
      .info {
        width: 480px;
        height: 150px;
        /* background-color: gold; */
        margin-top: 50px;
        margin-right: 50px;
        padding: 20px;
        box-sizing: border-box;
        .p1 {
          font-size: 24px;
        }
        p {
          margin-bottom: 20px;
          font-size: 14px;
        }
        button {
          font-size: 18px;
          margin-right: 20px;
          padding: 3px 10px;
        }
      }
      .photo {
        width: 150px;
        height: 150px;
        margin-left: 50px;
        margin-top: 50px;
      }
    }
</style>